import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'
import PivateRoute from '../../route/index'
import HeaderCom from '../header'
import Footer from '../footer'

class Main extends Component {
  isPhone() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
       "SymbianOS", "Windows Phone",
       "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
       if (userAgentInfo.indexOf(Agents[v]) > 0) {
          flag = false;
          break;
       }
    }
    return flag;
  }
  render() {
    return (
      <div id="main">
        {this.isPhone() ? <HeaderCom />: ''}
        <PivateRoute {...this.props}/>
        {this.isPhone() ? <Footer {...this.props}/> : ''}
      </div>
    )
  }
}

export default withRouter(Main)